<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
	<title></title>
	<style type="text/css">
		*{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.mui-bar-nav{
			background: #05508A;
		}
		.mui-bar-nav .mui-title{
			color:#fff;
		}
		.content ul li{
			display: flex;
			align-items: center;
			background: #fff;
			padding:  10px 15px;
			width: 86.6%;
			margin: 15px auto 0;
		}
		.content ul li p{
			margin: 0;
			margin-left: 45px;
		}
		.content ul li img{
			width: 120px;
			height: 40px;
		}
	</style>
</head>
<body>
	<!-- dfj -->
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">交易所</h1>
	</header>
	<div class="mui-content content">
		<ul class="tablist">
			<li url="https://www.zb.com">
				<img src="../img/logo-zb-red.png" alt="中币网"  >
				<p>中币网</p>
			</li>
			<li url="https://gate.io" >
				<img src="../img/biteer.png" alt="比特儿" >
				<p>比特儿</p>
			</li>
			<li url="http://www.bitscash.top">
				<img src="../img/bitcash.png" alt="比特现金"  >
				<p>比特现金</p>
			</li>
			<li  url="http://www.bianexs.com" >
				<img src="../img/binance.png" alt="币安">
				<p>币安  </p>
			</li>
			<li url="https://www.huobi.br.com/zh-cn" >
				<img src="../img/huobi.png" alt="火币" >
				<p>火币   </p>
			</li>
		</ul>
	</div>
</body>
<script src="../js/mui.min.js"></script>
<script>
	(function($,doc){
		
		$('.tablist').on('tap','li',function(){
			var url = this.getAttribute('url');
			// var url = this.getAttribute()
			console.log(url)
// 			$.openWindow({
// 				url:url,
// 				id:url
// 			})
			// location.href=url
			plus.runtime.openURL(url)
		})
		
		
		
		
	}(mui,document))
</script>
</html>